/**
 * This class is the main view for the application. It is specified in app.js as
 * the "mainView" property. That setting automatically applies the "viewport"
 * plugin causing this view to become the body element (i.e., the viewport).
 * 
 * TODO - Replace this content of this view to suite the needs of your
 * application.
 */
Ext.define('app.view.main.Main', {
	extend : 'Ext.tab.Panel',
	xtype : 'app-main',

	requires : [ 'Ext.plugin.Viewport', 'Ext.window.MessageBox',
			'app.view.main.MainController', 'app.view.main.MainModel',
			'app.view.main.List', 'app.view.wms.WmsInMain' ],

	controller : 'main',
	viewModel : 'main',

	ui : 'navigation',

	// tabBarHeaderPosition : 1,
	// titleRotation : 0,
	tabRotation : 0,

	// header : {
	// layout : {
	// align : 'stretchmax'
	// },
	// title : {
	// bind : {
	// text : '{name}'
	// },
	// flex : 0
	// },
	// iconCls : 'fa-th-list'
	// },

	tabBar : {
		flex : 1,
		layout : {
			align : 'stretch',
			overflowHandler : 'none'
		}
	},

	responsiveConfig : {
		tall : {
			headerPosition : 'top'
		},
		wide : {
			headerPosition : 'left'
		}
	},

	// defaults : {
	// bodyPadding : 10,
	// tabConfig : {
	// plugins : 'responsive',
	// responsiveConfig : {
	// wide : {
	// iconAlign : 'left',
	// textAlign : 'left'
	// },
	// tall : {
	// iconAlign : 'top',
	// textAlign : 'center',
	// width : 120
	// }
	// }
	// }
	// },

	items : [ {
		title : '主页',
		iconCls : 'fa-home',
		items : [ {
			xtype : 'mainlist'
		} ]
	}, {
		title : '库存管理',
		iconCls : 'fa-user',
		xtype : 'wmsInMain'
	}, 
//	{
//		title : 'Groups',
//		iconCls : 'fa-users',
//		bind : {
//			html : '{loremIpsum}'
//		}
//	}, 
	{
		title : '设置',
		iconCls : 'fa-cog',
		bind : {
			html : '{loremIpsum}'
		}
	} ]
});
